<template>
  <view class="df-cc flex-col">
    <image
      style="{width: size+'rpx', height: size+'rpx'}"
      src="/static/loading.gif"
    ></image>
    <text class="text">{{ text }}</text>
  </view>
</template>

<script>
export default {
  name: "k-loading",
  props: {
    size: {
      type: [String, Number],
      default: '50',
    },
    text: {
      type: String,
      default: '',
    },
  },
};
</script>

<style scoped>
.text {
  margin-top: 20rpx;
}
</style>
